<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">

        //静态注册失去焦点事件
        function onblurFun(){
            //console是控制台对象，是由javascript对象提供，专门用来向浏览器的控制器打印输出，用于测试使用
            //log()是打印的方法
            console.log("静态注册失去焦点事件");
        }

        //动态注册失去焦点事件
        window.onload = function (){
            //1.获取标签对象
            var passwordObj = document.getElementById("pwd");
            //2.通过标签对象.事件名 = function(){}
            passwordObj.onblur = function (){
                console.log("动态注册失去焦点事件");
            }
        }

    </script>

</head>
<body>

    用户名：<input type="text" onblur="onblurFun()"><br>
    密码：<input type="text" id="pwd"><br>


</body>
</html>